@body_width: 960px;
@font_color_a: #474747;
@gray_bg: #f2f0f0;
@blue_bg: #ecf5fa;

*{
    padding: 0;
    margin: 0;
}

a{
    text-decoration: none;
}

ul{
    list-style: none;
}

img{
    border:none;
}

header{
    width: @body_width;
    margin:auto;
}
.logo{
    background: url(../images/logo.png) no-repeat center center;
    width: 168px;
    height: 50px;
    display: inline-block;
    text-indent: -9999px;
    padding: 10px;
    float: left;
    margin: 0 50px 0 0;
}
.search{
    float: left;
    padding: 30px 10px 20px 10px;
    input.k{
        border:2px solid #ffb400;
        padding: 2px;
        width: 300px;
        height: 25px;
        float: left;
    }
    button{
        background: #ffb400;
        border:none;
        color: #fff;
        padding: 7px 15px;
        font-size: 16px;
    }
}

.sns-contact{
    float: right;
    text-align: right;
    padding: 15px 0 0 0 ;
}

.sns{
    a{
        background: url(../images/sns.png) no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        text-indent: 9999px;
        margin:  0 0 0 10px;
        overflow: hidden;
    }
    .weibo{
        background-position: -51px 0;
    }
    .qq{
        background-position: -105px 0;
    }

}
.contact{
    color:#a1a1a1;
    font-size: 13px;
    line-height: 2em;

    a{
        color:#a1a1a1;
    }
}

nav{
    background: #3da3e0;
    .content{
        width: @body_width;
        margin: auto;
    }
    ul{
        float: left;
    }
    li {
        display: inline-block;
        
        &.active{
            background: #1c7eb9;
        }
    }
    ul > li > a{
        color: #fff;
        font-size: 18px;
        padding: 10px 20px;
        display: inline-block;

        &:hover{
            background: #1c7eb9;
        }
    }

    .act-title{
        font-weight: normal;
        float: right;
        width: 205px;
        color: #fff;
        padding: 10px;
        background: #1c7eb9;
        text-indent: .5em;
    }

}


.home-index{
    width: @body_width;
    margin: auto;
}

.comm-left{
    width: 715px;
    float: left;
}

.slide-right{
    width: 225px;
    float: right;
}

.player{
    width: 715px;
    height: 240px;
    background: #ac0000;
    margin: 15px 0 0 0 ;
}

.notice{
    background: @gray_bg;
    height: 16px;
    font-size: 14px;
    text-indent: 1em;
    margin: 10px 0 0 0;
    padding: 10px;
    label{
        color: #f3bc62;
    }
    a{
        color: @font_color_a;
    }
}

.article-item{
    width: 225px;
    margin: 15px 20px 10px 0;
    float: left;
    font-family: 'Microsoft YaHei';
    ul > li > i{
        color: #72bdea;
        margin-right: 5px;
    }
    ul > li > a{
        color: @font_color_a;
        line-height: 1.8em;
        font-size: 12px;
    }
}
.article-img{
    margin-bottom: 10px;
    a{
        display: block;
        width: 225px;
        height: 160px;
        overflow: hidden;
        img{
            width: 225px;
            height: 160px;
        }
       
    }
    span{
        display: block;
        background: @gray_bg;
        padding: 5px;
        color: @font_color_a;
        text-indent: 1em;
        font-size: 14px;

    }

}

.slide-top{
    background: @blue_bg;
    padding-top: 10px;
    height: 690px;
}

.slide-list{
    h3{
        color: #2a86bd;
        font: 14px/2em 'Microsoft YaHei';
        text-indent: 1em;
        margin-bottom: 5px;
    }
    ul > li{
        padding-left: 10px;
    }
    ul > li > i{
        color: #72bdea;
        margin-right: 5px;
    }
    ul > li > a{
        color: @font_color_a;
        line-height: 1.8em;
        font-size: 13px;
    }
    .blue-bg{
        background: #d1e5f2;
        margin-bottom: 15px;

    }
}

.slide-ad{
    width: 205px;
    margin: 20px auto;
    color: #155d88;
    text-align: center;
    font-size: 13px;

}

.no-mr{
    margin-right: 0px;
}

.wsq{
    background: @blue_bg;
    padding: 10px 15px;
    margin-top: 10px;
    color: @font_color_a;
    font-size: 12px;
    line-height: 1.5em;
    h3{
        color: #3da3e0;
        text-align: center;
        font: 16px/2em 'Microsoft Yahei';
    }
    img{
        width: 130px;
        margin: 5px auto;
        display: block;
        margin-bottom: 5px;
    }
    a{
        color: #256b97;
        line-height: 2em;
        margin-right: 8px;
        i{
            font-size: 10px;
        }
    }
}

.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}
* html .cc {height: 1%;}
.cc {display: block;}
.c{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}